<?php include ("../php/seguridad/funcionesSeguridad.php");?>
<!DOCTYPE html>
<!--[if IE 8]>         <html class="ie8"> <![endif]-->
<!--[if IE 9]>         <html class="ie9 gt-ie8"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="gt-ie8 gt-ie9 not-ie"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Cloud Cash Register - C2R</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

	<meta name="author" content="Abel Chocano Gómez, Carlos del Prado Mota">

	<!-- Favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="assets/images/miImg/favicon.ico" />

	<!-- Open Sans font from Google CDN -->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300&subset=latin" rel="stylesheet" type="text/css">

	<!-- Pixel Admin's stylesheets -->
	<link href="assets/stylesheets/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="assets/stylesheets/pixel-admin.min.css" rel="stylesheet" type="text/css">
	<link href="assets/stylesheets/pages.min.css" rel="stylesheet" type="text/css">
	<link href="assets/stylesheets/rtl.min.css" rel="stylesheet" type="text/css">
	<link href="assets/stylesheets/themes.min.css" rel="stylesheet" type="text/css">

	<!-- Get jQuery from Google CDN -->
	<!--[if !IE]> -->
	<script type="text/javascript"> window.jQuery || document.write('<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js">'+"<"+"/script>"); </script>
	<!-- <![endif]-->
	<!--[if lte IE 9]>
	<script type="text/javascript"> window.jQuery || document.write('<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">'+"<"+"/script>"); </script>
	<![endif]-->

	<!--[if lt IE 9]>
		<script src="assets/javascripts/ie.min.js"></script>
	<![endif]-->


	<!-- Pixel Admin's javascripts -->
	<script src="assets/javascripts/bootstrap.min.js"></script>
	<script src="assets/javascripts/pixel-admin.min.js"></script>
	
	<!-- Css y js Propios -->
	<link href="assets/stylesheets/miCSS/miCss_signin.css"rel="stylesheet" type="text/css">
	<script src="assets/javascripts/miJS/miJS_signin.js" type="text/javascript" ></script>

</head>

<body class="theme-default page-signin">

	<!-- Fondo de página-->
	<div id="page-signin-bg">
		<!-- Filtro fondo -->
		<div class="overlay"></div>
		<!-- Imagen de fongo -->
		<img src="assets/demo/signin-bg-6.jpg" alt="Fondo Signin">
	</div>
	<!-- / Fondo de página -->

	<!-- Container -->
	<div class="signin-container">

		<!-- Panel izquierdo -->
		<div class="signin-info">
			<div class="logo">
				<img src="assets/images/miImg/logo_c2r.png" alt="" style="margin-top: -5px; width: 45px;">&nbsp;
				Cloud Cash Register
			</div> <!-- / .logo ventapp -->
			<div class="slogan">
				Optimiza. Gestina. Flexible.
			</div> <!-- / .slogan ventapp -->
			<ul>
				<li><i class="fa fa-edit signin-icon"></i> Gestiona tus productos</li>
				<li><i class="fa fa-bar-chart-o signin-icon"></i> Gráficos de las operaciones</li>
				<li><i class="fa fa-table signin-icon"></i> Exporta tus tablas a Excel</li>
				<li><i class="fa fa-fire signin-icon"></i> Informes de productividad</li>
			</ul> <!-- / Info list -->
		</div>
		<!-- / Panel izquierdo -->

		<!-- Panel derecho -->
		<div class="signin-form">

			<!-- Formulario Acceso -->
			<form id="signin_form_acceso">
				<div class="signin-text">
					<span>Inicia sesión en C2R</span>
				</div> <!-- / .signin-text Cabecera Signin -->

				<div class="form-group w-icon">
					<input type="text" name="signin_acceso_idComercio" id="signin_acceso_idComercio" class="form-control input-lg" placeholder="Identificador de comercio">
					<span class="fa fa-user signin-form-icon"></span>
				</div> <!-- / IDComercio -->

				<div class="form-group w-icon">
					<input type="password" name="signin_acceso_password" id="signin_acceso_password" class="form-control input-lg" placeholder="Contraseña">
					<span class="fa fa-lock signin-form-icon"></span>
				</div> <!-- / Contraseña -->

				<div class="form-actions">
					<!-- Boton de submit -->
					<button class="signin-btn bg-primary" data-loading-text="INICIANDO..." id="signin_acceso_submit">INICIAR SESIÓN</button>
					<a href="#" class="forgot-password" id="olvido_password_link">¿Olvidaste tu contraseña?</a>
				</div> <!-- / Acciones formulario-->

				<input type="hidden" name="signin_acceso_token_CSRF" id="signin_acceso_token_CSRF" value="<?php
				echo generadorTokenAntiCSRF('form_acceso')?>">
				
			</form> <!-- / Formulario Acceso  -->

			<!-- Mensaje Error-->
			<div class="alert alert-danger alert-dark mensaje-error-signin" id="mensaje_error_acceso">
				<strong>Error</strong>, identificador de comercio o contraseña no válidos.	
			</div>

			<!-- Formulario Recordar Password -->
			<div class="password-reset-form" id="contenedor_form_reset_password">
				<div class="header">
					<div class="signin-text">
						<span>Recordar contraseña</span>
						<!-- Icono vuelta atras (cerrar)-->
						<div class="close"><span class="fa  fa-mail-reply signin-form-icon"></span></div>
					</div> <!-- / .signin-text -->
				</div> <!-- / .header -->
				
				<!-- Form -->
				<form id="signin_form_recuperar_password">
					<div class="form-group w-icon">
						<input type="text" name="signin_recuperar_email" id="signin_recuperar_email" class="form-control input-lg" placeholder="Introduce tu email">
						<span class="fa fa-envelope signin-form-icon"></span>
					</div> <!-- / Email -->
					

					<div class="form-actions">
						<!-- Boton de submit -->
						<button class="signin-btn bg-primary" id="signin_recuperar_submit" data-loading-text="ENVIANDO...">ENVIAR</button>
					</div> <!-- / .form-actions -->

					<input type="hidden" name="signin_recuperar_token_CSRF" id="signin_recuperar_token_CSRF" value="<?php
					echo generadorTokenAntiCSRF('form_recuperar_password')?>">
				</form>
				<!-- / Form -->

				<!-- Mensaje de error Recuperar -->
				<div class="alert alert-danger alert-dark mensaje-error-signin" id="mensaje_error_recuperar">
					<strong>Error</strong>, el email introducido no existe, introduce el email con el que registraste el producto.
				</div>

				<!-- Mensaje de éxito Recuperar -->
				<div class="alert alert-success alert-dark mensaje-error-signin" id="mensaje_exito_recuperar">
					Petición enviada <strong>correctamente</strong>, en breves instantes recibirás un correo electronico con tu nueva contraseña.
				</div>
			</div>
			<!-- / Formulario Recordar Password -->
		</div>
		<!-- Panel derecho -->
	</div>
	<!-- / Container -->

</body>
</html>
